﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="~/Content/Easy UI/themes/icon.css" rel="stylesheet" />
    <link href="~/Content/Easy UI/themes/default/easyui.css" rel="stylesheet" />
    <script src="~/Content/Easy UI/script/jquery-1.11.1.js"></script>
    <script src="~/Content/Easy UI/script/jquery.easyui.min.js"></script>
    <script src="~/Content/Easy UI/script/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#dg_CardLevels").datagrid({
                fitColumns: true,//使列自动展开/收缩到合适的DataGrid宽度。
                toolbar: "#tb", //toolbar:通过选择器指定的工具栏。
                pagination: true, //pagination:如果为true，则在DataGrid控件底部显示分页工具栏。
                //fit: true, //fit:当设置为true的时候面板大小将自适应父容器。
                singleSelect: true, //如果为true，则只允许选择一行。
                rownumbers: true, //如果为true，则显示一个行号列。
                url: "/CardLevels/GetCardLevesInfo", //url:设置能够返回JSON数据的Action所对应的路径
                columns: [[
                    { field: 'CL_ID', title: '等级编号', width: 222, align: "center", },
                    { field: 'CL_LevelName', title: '等级名称', width: 222, align: "center", },
                    { field: 'CL_NeedPoint', title: '需要最大积分', width: 222, align: "center", },
                    { field: 'CL_Point', title: '积分比例', width: 222, align: "center", },
                    { field: 'CL_Percent', title: '折扣比例', width: 222, align: "center", }
                ]]
            });
            //多条件查询
            $("#btn_Search").click(function () {
                $("#dg_CardLevels").datagrid("load",
                    {
                        LevelName: $("#txt_LevelName").val(),
                    })
            });


            //点击按钮弹出添加dialog对话框
            $(".Insert").click(function () {
                //1.弹出dialog对话框
                $("#dlg").dialog({ width: 950, height: 430 }).dialog("setTitle", "添加会员").dialog("open");

                //2.给iframe的src属性赋值
                $("#frm1").attr("src", "InsertCardLeves");

            });
            //点击按钮弹出编辑dialog对话框
            $(".Edit").click(function () {
                //1.判断用户是否选中行
                var row = $("#dg_CardLevels").datagrid("getSelected");
                //2.如果选中打开弹窗，否则提示用户
                if (row == null) {
                    $.messager.alert('温馨提示', "请选择要编辑的行", 'warning');
                }
                else {
                    //1.弹出dialog对话框
                    $("#dlg").dialog({ width: 950, height: 430 }).dialog("setTitle", "编辑会员").dialog("open");
                    //2.给iframe的src属性赋值
                    $("#frm1").attr("src", "/CardLevels/InsertCardLeves/" + row.CL_ID);

                }
            });
            //删除会员
            $(".Delete").click(function () {
                //1.判断用户是否选中行
                //2.如果选中，弹出确认框，选择是则删除，否则删除
                var row = $("#dg_CardLevels").datagrid("getSelected");
                if (row == null) {
                    $.messager.alert('温馨提示', "请选择要删除的行", 'warning');
                }
                else {
                    $.messager.confirm('确认', '您确认想要删除记录吗？', function (r) {
                        if (r) {
                            $.post("/CardLevels//DeleteCardLeves/", { Id: row.CL_ID }, function (data) {
                                if (data.ResultStatus == 1) {
                                    //1.提示消息
                                    $.messager.alert('温馨提示', data.Msg, 'info');
                                    //2.重新加载数据列表
                                    $("#dg_CardLevels").datagrid("reload");
                                }
                                else {
                                    $.messager.alert('温馨提示', data.Msg, 'error');
                                }
                            }, "json");
                        }
                    });
                }
            });
        });
    </script>
    <title>Index</title>
</head>
<body>
    <div>

        <div id="tb">
            <a href="#" class="easyui-linkbutton Insert" data-options="iconCls:'icon-add'">新增</a>
            <a href="#" class="easyui-linkbutton Edit" data-options="iconCls:'icon-edit',closable:true">编辑</a>
            <a href="#" class="easyui-linkbutton Delete" data-options="iconCls:'icon-remove'">删除</a><br />
            等级名称：<input id="txt_LevelName" value="" style="width:60px;height:20px;border:1px solid gray ;">
            <a id="btn_Search" href="javascript:" class="easyui-linkbutton select" data-options="iconCls:'icon-search'">搜索</a>
        </div>
        <table class="easyui-datagrid" id="dg_CardLevels"></table>
        @*<div id="pp" class="easyui-pagination" data-options="total:2000,pageSize:10" style="background:#efefef;border:1px solid #ccc;"></div>*@
        <div id="dlg" class="easyui-dialog" data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
            <iframe id="frm1" width="99%" height="99%" frameborder="0"></iframe>
        </div>
    </div>
</body>
</html>

